<template>
  <el-switch v-model="globalStore.isDark" inline-prompt :active-icon="Sunny" :inactive-icon="Moon" @change="switchDark" />
</template>

<script setup lang="ts">
import { useTheme } from "@/hooks/useTheme";
import { useGlobalStore } from "@/stores/modules/global";

import Sunny from "~icons/ep/sunny";
import Moon from "~icons/ep/moon";

defineOptions({
  name: "SwitchDark"
});

const { switchDark } = useTheme();
const globalStore = useGlobalStore();
</script>
